<!-- toaster directive -->
<toaster-container toaster-options="{'position-class': 'toast-top-right', 'close-button':true}"></toaster-container>
<!-- / toaster directive -->

<!-- 导航条 -->
<div class="bg-white bread-crumb">
    <ul class="breadcrumb b-a m-b-n-xs lter b-b wrapper-md">
        <li><a ui-sref="main.member.maintenance.group">维修人员组</a></li>
    </ul>
</div>
<div ng-show="loading" class="text-center m-t-md text-lg dataWarn"><i class="fa fa-spin fa-spinner"></i> 数据加载中...</div>
<!-- 内容区域 -->
<div class="wrapper-md content">
    <div class="panel panel-default">
        <!-- 头部 -->
        <div class="panel-heading font-bold">
            <div class="w-auto">
                <form class="form-inline" ng-submit="search()">

                    <div class="form-group">
                        <label for="groupName">组名：</label>
                        <input type="text" class="form-control" ng-model="param.groupName" style="width: 180px"
                               id="groupName" placeholder="组名">
                    </div>
                    
                    <div class="form-group">
                        <button type="submit" class="btn btn-primary new-primary" style="margin-left: 10px">
                        	查询
                        </button>
                    </div>
                   <div class="form-group">
                        <button type="button" class="btn btn-primary new-primary addNew" style="margin-left: 10px;color: #fff;" ui-sref="main.member.maintenance.groupCreate">
                            添加组
                        	<!-- <a ui-sref="main.member.maintenance.groupCreate" style="color: #fff;">添加组</a>a -->
                        </button>
                    </div>
                </form>

            </div>
        </div>
        <!--表单-->
        <div class="panel-body">
                <!--维修人员-->
                <table class="table table-striped b-t b-light text-center">
                    <thead>
                        <tr>
                            <th>序号</th>
                            <th>组名</th>
                            <th>备注</th>
                            <th>状态</th>
                            <th>人数</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="data in pageInfo.data">
                            <td ng-bind="data.groupCode"></td>
                            <td ng-bind="data.groupName"></td>
                            <td ng-bind="data.remark"></td>
                            <td>
                            	<span ng-show="data.status=='1'" style="color: #20b648;">有效</span>
                            	<span ng-show="data.status=='2'" style="color: #f05050;">无效</span>
                            </td>
                            <td ng-bind="data.userCount"></td>
                            <td>
                            	
                        	<a ng-click="changeStatus(data.groupCode,data.status)">
                    			<span ng-show="data.status=='2'" style="color: #20b648;">启用</span >
                    			<span ng-show="data.status=='1'" style="color: #f05050;">禁用</span>
                        	</a>
                            <a ui-sref="main.member.maintenance.list({groupCode:data.groupCode})">组员管理</a>
                            <!--<a ui-sref="main.member.maintenance.groupUpdate({groupCode:data.groupCode})">组管理</a></button>-->
                            </td>
                        </tr>
                    </tbody>
                </table>

        </div>
        <span data-ng-include=" 'src/tpl/pageInfo.html' "></span>
    </div>
</div>

<style scoped>
    ::-webkit-input-placeholder { /* WebKit browsers */
        font-weight: normal;
    }
    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        font-weight: normal;
    }
    ::-moz-placeholder { /* Mozilla Firefox 19+ */
        font-weight: normal;
    }
    :-ms-input-placeholder { /* Internet Explorer 10+ */
        font-weight: normal;
    }
    .app-content-body .content{
        margin-top:46px;
        background:#fff;
    }
    .deleBtn{
        padding:2px 3px;
        border:solid 1px;color:#fb7009;
        border-radius:4px;
        background: none;
    }
    
</style>